<template>
  <div class="swiper">
   <mt-swipe>
    <mt-swipe-item v-for="(item,index) in pic" :key="index">
      <img :src="item" alt="">
    </mt-swipe-item>
  </mt-swipe>
  </div>
</template>

<script>
export default {
  name: 'swiper',
  props: {
    pic: {
      type: Array,
      required: true
    },
    height: [String, Number]
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style  lang='less'>
.mint-swipe{
    width: 750px;
    height:420px;
}
img{
  width: 750px;
  height:420px;
}
.mint-swipe-indicators{
  left: 10% !important;
}
.mint-swipe-indicator{
  border: 1PX solid #000;
  background-color: #000;
}
</style>
